<template>
	<view class="content">
		<uni-row style="background-color: white; height: 40%;">
			<image class="success" src="../../../../static/icons/success.png"></image>
			<text class="text-area text-success">工时填报成功</text>
			<text class="text-info">{{this.msg}}</text>
		</uni-row>
		<uni-row style="margin-top: 3%;">
			<u-button class="btn-gap" type="success" shape="circle" @click="back">返回任务列表</u-button>
			<u-button :custom-style="btnStyle" class="btn-gap" type="info" color="#7bb781" shape="circle" @click="rtIssue">填报退料</u-button>
			<u-button :custom-style="btnStyle" class="btn-gap" type="info" color="#7bb781" shape="circle" @click="waste">填报废料</u-button>
		</uni-row>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				msg: '',
				btnStyle:{
					color: '#59bb73'
				}
			}
		},
		onLoad(options) {
			this.msg = options.msg;
		},
		methods: {
			back(){
				uni.navigateBack({ delta: 2 })
			},
			// 废料
			waste(){
				uni.showToast({
					title: '努力开发中...',
					icon: 'none',
					duration: 2000
				});
			},
			// 退料
			rtIssue(){
				uni.showToast({
					title: '努力开发中...',
					icon: 'none',
					duration: 2000
				});
			}
		}
	}
</script>

<style>

	.text-success {
		font-size: 28px;
		margin-top: 3%;
		margin-bottom: 3%;
		color: #666666;
	}

	.text-info {
		font-size: 25px;
		margin: 5%;
		color: #999999;
	}

	.success {
		display: block;
		margin: 0 auto;
		height: 80px;
		width: 120px;
		margin-top: 3%;
	}
</style>